<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>城市详情</title>
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/city_detail.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
</head>
<body>
    <div class="city-header">
        <div class="w_1150">
            <div class="logo">
                <img src="images/logo.jpg">
            </div>
            <div class="search-input">
                <i class="iconfont">&#xe651;</i>
                <input class="searchVal" placeholder="请输入区域、商圈或小区名开始找房">
                <input class="btn ico-search" value="开始找房" type="button">
            </div>
        </div>
    </div>
    <div class="w_1150">
        <div class="city-screen">
           <div class="path">
               <a href="">南京站</a>
               <span class="stp">&nbsp;&gt;&nbsp;</span>
               <a href="">南京公寓</a>
               <span class="stp">&nbsp;&gt;&nbsp;</span>
               <span>雨花台区公寓</span>
           </div>

           <div class="z_wrapper">
             <h1>天润城16街区南区 全新婚装边户三房 满2年 中间楼层 诚售</h1>
             <div class="detail_view clearfix">
                <div class="de-slide-box fl">
                  <div class="OriginalPicBorder">
                    <div id="OriginalPic">
                      <div id="aPrev" class="CursorL"></div>
                      <div id="aNext" class="CursorR"></div>
                      <p class="hidden"> 
                        <span class="SliderPicBorder"><img src="https://reviveimg.hellorf.com/www/images/59804588002dd19164104a4a92d8cfbe.jpg" /></span>
                      </p>
                      <p class="hidden">
                        <span class="SliderPicBorder"><img src="https://reviveimg.hellorf.com/www/images/2cd72608ec5de39414de1b3debaff9f6.jpg" /></span>
                      </p>
                      <p class="hidden">
                        <span class="SliderPicBorder"><img src="https://reviveimg.hellorf.com/www/images/fb55419b4001369a3aaf50a8a18ff0db.jpg" /></span>
                      </p>
                      <p class="hidden">
                        <span class="SliderPicBorder"><img src="https://reviveimg.hellorf.com/www/images/39da1d8ff1d97e52458c32cd16fbb3b3.jpg" /></span>
                      </p>
                      <p class="hidden">
                        <span class="SliderPicBorder"><img src="https://reviveimg.hellorf.com/www/images/dfa9ae133089b82e0c169a0f46eab7d4.jpg" /></span>
                      </p>
                      <p class="hidden">
                        <span class="SliderPicBorder"><img src="https://reviveimg.hellorf.com/www/images/28e5edf984f05e5549b6e56480296d06.jpg" /></span>
                      </p>
                      <p class="hidden">
                        <span class="SliderPicBorder"><img src="https://reviveimg.hellorf.com/www/images/4c2d9179f2545889700a4f1daf5a6d3a.jpg" /></span>
                      </p>
                    </div>
                  </div>
                  <div class="ThumbPicBorder">        
                    <div class="jCarouselLite">
                      <ul id="ThumbPic">
                        <li rel='1'><img src="https://reviveimg.hellorf.com/www/images/59804588002dd19164104a4a92d8cfbe.jpg" /></li>
                        <li rel='2'><img src="https://reviveimg.hellorf.com/www/images/2cd72608ec5de39414de1b3debaff9f6.jpg" /></li>
                        <li rel='3'><img src="https://reviveimg.hellorf.com/www/images/fb55419b4001369a3aaf50a8a18ff0db.jpg" /></li>
                        <li rel='4'><img src="https://reviveimg.hellorf.com/www/images/39da1d8ff1d97e52458c32cd16fbb3b3.jpg" /></li>
                        <li rel='5'><img src="https://reviveimg.hellorf.com/www/images/dfa9ae133089b82e0c169a0f46eab7d4.jpg" /></li>
                        <li rel='6'><img src="https://reviveimg.hellorf.com/www/images/28e5edf984f05e5549b6e56480296d06.jpg" /></li>
                        <li rel='7'><img src="https://reviveimg.hellorf.com/www/images/4c2d9179f2545889700a4f1daf5a6d3a.jpg" /></li>
                      </ul>
                      <div class="Clearer"></div>
                    </div>
                    <img src="images/ArrowL.png" id="btnPrev" style="cursor:pointer;" />
                    <img src="images/ArrowR.png" id="btnNext" style="cursor:pointer;" />
                  </div>
                </div>
                <div class="de-content-box fl">
                  <div class="housesty">
                      <div class="jlyou fl">
                          <div class="jlquannei fontbaise">
                              <p class="jlinfo">9500</p>
                              <i></i>
                              <p class="cjname">元／月</p>
                          </div>
                      </div>
                      <div class="jlyoubai fl">
                          <div class="jlquannei fonthongse">
                              <p class="jlinfo">三室二厅</p>
                              <i></i>
                              <p class="cjname">户型</p>
                          </div>
                      </div>
                      <div class="jlyoubai fl">
                          <div class="jlquannei fonthongse">
                              <p class="jlinfo font18">110</p>
                              <i></i>
                              <p class="cjname">面积(㎡)</p>
                          </div>
                      </div>
                  </div>
                  <div class="zushous">
                      <ul>
                          <li><span>面积：</span>61平米</li>
                          <li><span>房屋户型：</span>三室二厅</li>
                          <li><span>楼层：</span>高楼层(共7层)</li>
                          <li><span>房屋朝向：</span>南 北</li>
                          <li class="s_2"><span>地铁：</span>距地铁1号线张府园524米</li>
                          <li class="s_2"><span>小区：</span><a href="" target="_blank">西武学园-2套出租中</a></li>
                          <li><span>位置：</span><a href="" target="_blank">秦淮</a><a href="" target="_blank">新街口</a></li>
                          <li><span>时间：</span>76天前发布</li>
                      </ul>
                  </div>
                </div>
             </div>
             <div class="detail_ZS">
                <div class="zsTit">
                  <a href="javascript:void(0)" class="cur">公寓走势<i></i></a>
                  <a href="javascript:void(0)">新金茂花园公寓走势<i></i></a>
                  <a href="javascript:void(0)">雨花台区公寓走势<i></i></a>
                  <a href="javascript:void(0)">南京市公寓走势<i></i></a>
                </div>
                <!--曲线图从这里开始,放到这里-->
                <div id="pg_content_zs1" class="pg_content"></div>
                <div id="pg_content_zs2" class="pg_content hidden"></div>
                <div id="pg_content_zs3" class="pg_content hidden"></div>
                <div id="pg_content_zs4" class="pg_content hidden"></div>
             </div>
             <div class="fyCon">
                <div class="orangeTit">
                  <h2>房源信息</h2>
                </div>
                <div class="secondCon">
                  <div class="grayTit">
                    <h3>基本属性</h3>
                  </div>
                  <div class="jbsx">
                    <ul>
                      <li><span>租赁方式：</span>暂无数据</li>
                      <li><span>付款方式：</span>暂无数据</li>
                      <li><span>房屋现状：</span>暂无数据</li>
                      <li><span>租赁周期：</span>暂无数据</li>
                    </ul>
                  </div>
                </div>
                <div class="secondCon">
                  <div class="grayTit">
                    <h3>房源特色</h3>
                  </div>
                  <div class="fyts">
                    <ul>
                      <li><span class="chest"></span>衣柜</li>
                      <li><span class="desk"></span>桌椅</li>
                      <li><span class="television"></span>电视</li>
                      <li><span class="refrigerator"></span>冰箱</li>
                      <li><span class="washing"></span>洗衣机</li>
                      <li><span class="air-condition"></span>空调</li>
                      <li><span class="calorifier"></span>热水器</li>
                      <li><span class="microwave"></span>微波炉</li>
                      <li><span class="heating"></span>暖气</li>
                      <li><span class="broadband"></span>宽带</li>
                      <li><span class="naturalgas disabled"></span>天然气</li> 
                    </ul>
                  </div>
                </div>
                <div class="jilu">
                  <div class="jlTit">
                    <a href="javascript:void(0)" class="cur">同小区热搜记录<i></i></a>
                    <a href="javascript:void(0)">同商圈热搜记录<i></i></a>
                  </div>
                  <div class="jlulTit">
                    <ul>
                      <li class="jl_1">房屋户型</li>
                      <li>面积</li>
                      <li>签约日期</li>
                      <li>成交价</li>
                      <li>数据来源</li>
                    </ul>
                  </div>
                  <div class="jiulList">
                    <ul>
                      <li>
                       <a href="" target="_blank">
                         <img src="https://image1.ljcdn.com/320100-inspection/b94dafe0-8de4-4615-b1c1-7db7fc325341.jpg.280x210.jpg.280x210.jpg">
                       </a>
                       <div class="text">
                         <h2><a href="" target="_blank">2室2厅</a></h2>
                         <div class="text_s">
                           <span>低楼层／7层</span>
                           <span>南 北</span>
                           <span>其他</span>
                         </div>
                         <div class="text_from">
                           <a href="" target="_blank">新金贸花园</a>
                         </div>
                       </div>
                       <div class="textNum">140㎡</div>
                       <div class="textNum">2018-07-24</div>
                       <div class="textNum">5800元</div>
                       <div class="textNum">链家网</div>
                      </li>
                      <li>
                       <a href="" target="_blank">
                         <img src="https://image1.ljcdn.com/320100-inspection/b94dafe0-8de4-4615-b1c1-7db7fc325341.jpg.280x210.jpg.280x210.jpg">
                       </a>
                       <div class="text">
                         <h2><a href="" target="_blank">2室2厅</a></h2>
                         <div class="text_s">
                           <span>低楼层／7层</span>
                           <span>南 北</span>
                           <span>其他</span>
                         </div>
                         <div class="text_from">
                           <a href="" target="_blank">新金贸花园</a>
                         </div>
                       </div>
                       <div class="textNum">140㎡</div>
                       <div class="textNum">2018-07-24</div>
                       <div class="textNum">5800元</div>
                       <div class="textNum">链家网</div>
                      </li>
                      <li>
                       <a href="" target="_blank">
                         <img src="https://image1.ljcdn.com/320100-inspection/b94dafe0-8de4-4615-b1c1-7db7fc325341.jpg.280x210.jpg.280x210.jpg">
                       </a>
                       <div class="text">
                         <h2><a href="" target="_blank">2室2厅</a></h2>
                         <div class="text_s">
                           <span>低楼层／7层</span>
                           <span>南 北</span>
                           <span>其他</span>
                         </div>
                         <div class="text_from">
                           <a href="" target="_blank">新金贸花园</a>
                         </div>
                       </div>
                       <div class="textNum">140㎡</div>
                       <div class="textNum">2018-07-24</div>
                       <div class="textNum">5800元</div>
                       <div class="textNum">链家网</div>
                      </li>
                      <li>
                       <a href="" target="_blank">
                         <img src="https://image1.ljcdn.com/320100-inspection/b94dafe0-8de4-4615-b1c1-7db7fc325341.jpg.280x210.jpg.280x210.jpg">
                       </a>
                       <div class="text">
                         <h2><a href="" target="_blank">2室2厅</a></h2>
                         <div class="text_s">
                           <span>低楼层／7层</span>
                           <span>南 北</span>
                           <span>其他</span>
                         </div>
                         <div class="text_from">
                           <a href="" target="_blank">新金贸花园</a>
                         </div>
                       </div>
                       <div class="textNum">140㎡</div>
                       <div class="textNum">2018-07-24</div>
                       <div class="textNum">5800元</div>
                       <div class="textNum">链家网</div>
                      </li>
                      <li>
                       <a href="" target="_blank">
                         <img src="https://image1.ljcdn.com/320100-inspection/b94dafe0-8de4-4615-b1c1-7db7fc325341.jpg.280x210.jpg.280x210.jpg">
                       </a>
                       <div class="text">
                         <h2><a href="" target="_blank">2室2厅</a></h2>
                         <div class="text_s">
                           <span>低楼层／7层</span>
                           <span>南 北</span>
                           <span>其他</span>
                         </div>
                         <div class="text_from">
                           <a href="" target="_blank">新金贸花园</a>
                         </div>
                       </div>
                       <div class="textNum">140㎡</div>
                       <div class="textNum">2018-07-24</div>
                       <div class="textNum">5800元</div>
                       <div class="textNum">链家网</div>
                      </li>
                    </ul>
                  </div>
                  <div class="jiulList" style="display: none;">
                    <ul>
                      <li>
                       <a href="" target="_blank">
                         <img src="https://img.zcool.cn/community/03126875bd32231a801213dea938835.jpg@260w_195h_1c_1e_1o_100sh.jpg">
                       </a>
                       <div class="text">
                         <h2><a href="" target="_blank">2室2厅</a></h2>
                         <div class="text_s">
                           <span>低楼层／7层</span>
                           <span>南 北</span>
                           <span>其他</span>
                         </div>
                         <div class="text_from">
                           <a href="" target="_blank">新金贸花园</a>
                         </div>
                       </div>
                       <div class="textNum">140㎡</div>
                       <div class="textNum">2018-07-24</div>
                       <div class="textNum">5800元</div>
                       <div class="textNum">链家网</div>
                      </li>
                      <li>
                       <a href="" target="_blank">
                         <img src="https://image1.ljcdn.com/320100-inspection/b94dafe0-8de4-4615-b1c1-7db7fc325341.jpg.280x210.jpg.280x210.jpg">
                       </a>
                       <div class="text">
                         <h2><a href="" target="_blank">2室2厅</a></h2>
                         <div class="text_s">
                           <span>低楼层／7层</span>
                           <span>南 北</span>
                           <span>其他</span>
                         </div>
                         <div class="text_from">
                           <a href="" target="_blank">新金贸花园</a>
                         </div>
                       </div>
                       <div class="textNum">140㎡</div>
                       <div class="textNum">2018-07-24</div>
                       <div class="textNum">5800元</div>
                       <div class="textNum">链家网</div>
                      </li>
                      <li>
                       <a href="" target="_blank">
                         <img src="https://image1.ljcdn.com/320100-inspection/b94dafe0-8de4-4615-b1c1-7db7fc325341.jpg.280x210.jpg.280x210.jpg">
                       </a>
                       <div class="text">
                         <h2><a href="" target="_blank">2室2厅</a></h2>
                         <div class="text_s">
                           <span>低楼层／7层</span>
                           <span>南 北</span>
                           <span>其他</span>
                         </div>
                         <div class="text_from">
                           <a href="" target="_blank">新金贸花园</a>
                         </div>
                       </div>
                       <div class="textNum">140㎡</div>
                       <div class="textNum">2018-07-24</div>
                       <div class="textNum">5800元</div>
                       <div class="textNum">链家网</div>
                      </li>
                      <li>
                       <a href="" target="_blank">
                         <img src="https://image1.ljcdn.com/320100-inspection/b94dafe0-8de4-4615-b1c1-7db7fc325341.jpg.280x210.jpg.280x210.jpg">
                       </a>
                       <div class="text">
                         <h2><a href="" target="_blank">2室2厅</a></h2>
                         <div class="text_s">
                           <span>低楼层／7层</span>
                           <span>南 北</span>
                           <span>其他</span>
                         </div>
                         <div class="text_from">
                           <a href="" target="_blank">新金贸花园</a>
                         </div>
                       </div>
                       <div class="textNum">140㎡</div>
                       <div class="textNum">2018-07-24</div>
                       <div class="textNum">5800元</div>
                       <div class="textNum">链家网</div>
                      </li>
                      <li>
                       <a href="" target="_blank">
                         <img src="https://image1.ljcdn.com/320100-inspection/b94dafe0-8de4-4615-b1c1-7db7fc325341.jpg.280x210.jpg.280x210.jpg">
                       </a>
                       <div class="text">
                         <h2><a href="" target="_blank">2室2厅</a></h2>
                         <div class="text_s">
                           <span>低楼层／7层</span>
                           <span>南 北</span>
                           <span>其他</span>
                         </div>
                         <div class="text_from">
                           <a href="" target="_blank">新金贸花园</a>
                         </div>
                       </div>
                       <div class="textNum">140㎡</div>
                       <div class="textNum">2018-07-24</div>
                       <div class="textNum">5800元</div>
                       <div class="textNum">链家网</div>
                      </li>
                    </ul>
                  </div>
                </div>
             </div>
             <div class="fyCon">
                <div class="orangeTit">
                  <h2>周边配套</h2>
                </div>
                <div class="addressTit">
                  <a id="transit" href="javascript:void(0)" class="cur">公交<i></i></a>
                  <a id="subway" href="javascript:void(0)">地铁<i></i></a>
                  <a id="education" href="javascript:void(0)">教育设施<i></i></a>
                  <a id="hospital" href="javascript:void(0)">医院<i></i></a>
                  <a id="bank" href="javascript:void(0)">银行<i></i></a>
                  <a id="leisure" href="javascript:void(0)">休闲娱乐<i></i></a>
                  <a id="shopping" href="javascript:void(0)">购物<i></i></a>
                  <a id="restaurant" href="javascript:void(0)">餐饮<i></i></a>
                  <a id="sport" href="javascript:void(0)">运动健身<i></i></a>
                </div>
                <!-- 地图插件容器 -->
                <div class="addressCon">
                  <div id="allmap"></div>
                  <div class="z-result">
                    <div class="z-resultTit">公交</div>
                    <div id="r-result">
                    </div>
                  </div>
                </div>
              </div>

           </div>

        </div>
    </div>
    
    <script src="http://api.map.baidu.com/getscript?v=2.0&ak=Nkbykwi4R32cTE29MeZzi659xGqeooM6"></script>
    <script type="text/javascript" src="js/jquery-1.8.1.js"></script>
    <script type="text/javascript" src="js/jquery.jcarousellite.min.js"></script>
    <script type="text/javascript" src="js/echarts_n.min.js"></script>
    <script type="text/javascript" src="js/walden.js"></script>
    <script type="text/javascript" src="js/city-detail.js"></script>
   

</body>
</html>